<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>资讯</title>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/jquery-2.0.0.min.js"></script>
		<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/bootstrap/bootstrap.min.css'>
		<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/information/information_main.css'>
		<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/information/flickity-docs.css'>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/header_changeLi.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/information/flickity-docs.min.js"></script>
		<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/common/main_head.css'>
		<link href="${pageContext.request.contextPath}/css/common/page.css"rel="stylesheet">
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/information/infoPage.js"></script>
	</head>

	<body>
			<!-- 顶部部分 -->
			<!-- 顶部部分 -->
		<header>
		<div class="rightTop">
			<ul>
				<li><a href="#">登录</a></li>
				<li class="separator">|</li>
				<li><a href="#">注册</a></li>
				<li class="separator">|</li>
				<li><a href="login.html">个人中心</a></li>
			</ul>
		</div>
		<div class="headermenu">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">作品</a></li>
				<li><a href="#">设计师</a></li>
				<li><a href="#">品牌服装</a></li>
				<li><a href="#">服装企业</a></li>
				<li class="current"><a href="${pageContext.request.contextPath}/fabric/getFabricMain.do">面料</a></li>
				<li><a href="${pageContext.request.contextPath}/provider/providerInfo.do?pageindex=1&pagesize=3">供应商</a></li>
				<li><a href="${pageContext.request.contextPath}/information/information.do?pageindex=1&pagesize=7">资讯</a></li>
			</ul>
		</div>
		<div class="search">
			<input type="text" placeholder="我想找···" />
		</div>
	</header>

			<!-- 内容部分 -->
			<!--轮播图显示-->
			<div class="container">
			<p class="c_title">位置：<a href="#">FCS</a> >> 资讯</p>
			<div id="pagebody">
				<div id="sidebar">
					<div class="main">
						<div class="content-wrap">
							<div class="example duo">
								<div class="example__demo duo__cell">
									<div class="gallery js-flickity" data-flickity-options='{ "wrapAround": true }'>
										<div class="gallery-cell">
											<a href="#"><img src="image/11.jpg" alt=""></a>
										</div>
										<div class="gallery-cell">
											<a href="#"><img src="image/11.jpg" alt=""></a>
										</div>
										<div class="gallery-cell">
											<a href="#"><img src="image/11.jpg" alt=""></a>
										</div>
										<div class="gallery-cell">
											<a href="#"><img src="image/11.jpg" alt=""></a>
										</div>
										<div class="gallery-cell">
											<a href="#"><img src="image/11.jpg" alt=""></a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<script src="js/flickity-docs.min.js"></script>

					<!--服装市场咨讯-->
					<div class="posts">
						<div class="tab-content">
							<div class="tech-news">
								<div class="main-title-head">
									<h3>服装市场</h3>
									<a href="${pageContext.request.contextPath}/information/informationFzsc.do?pageindex=1&pagesize=8">更多</a>
									<div class="clearfix"></div>
								</div>
								<div class="tech-news-grids">
									<div class="left-tech-news">
									<c:forEach items="${infoClothing }" var="infoClothing" begin="0" end="6">
										<div class="tech-news-grid span_66">
											<a href="${pageContext.request.contextPath}/information/informationDetail.do?id=${infoClothing.id}">${infoClothing.title } </a>
											<div class="infoMain" style="font-size: 14px;color: black;">${infoClothing.content }...<a href="${pageContext.request.contextPath}/information/informationDetail.do?id=${infoClothing.id}" style="font-size: 12px;font-weight: normal">详细</a> </div>
										</div>
									</c:forEach>
									</div>
									<div class="clearfix"></div>
								</div>
								<!--分页-->
								<div class="paging">
								    <div style="display: none;">		        
									    <span class="pages">${json.property.pageCount}</span>  <!--页数-->  
								        <span class="pageIndex">${json.property.pageIndex}</span>  <!--当前页码-->  
								        <span class="pagesize">7</span>   <!--每页记录数-->  
								        <span class="hasNext">${json.property.hasNext}</span>   <!--是否有下一页(boolean)-->  
								        <span class="selfUrl">/information/information.do</span>    <!--请求action-->
								        <span class="commonUrl">${pageContext.request.contextPath}</span>   <!--绝对路径-->
								    </div>
								    <div class="showPaging">
								        <a class="prev" href="${pageContext.request.contextPath}/information/information.do?pageindex=${json.property.pageIndex-1 }&pagesize=7">
										上一页</a> 
									<select class="pageNum" style="font-size: 12px;">
										<option value="0">请选择跳转的页数</option>
										<option value="1">第1页</option>
									</select> 
									<a class="next" href="${pageContext.request.contextPath}/information/information.do?pageindex=${json.property.pageIndex+1 }&pagesize=7">
										下一页</a>
								    </div>
								</div>
								<!--分页结束-->
							</div>
						</div>
					</div>
				</div>
				<div id="mainbody">
					<div id="reightbg">
						<div class="other-title-head">
							<h4>最新发布</h4>
							<div class="clearfix"></div>
						</div>
						<div class="tech-news-you">
							<div class="left-tech-news">
								<c:forEach items="${infoBytimeList}" var="newInfo">
								<div class="tech-news-you span_66">
									<a href="${pageContext.request.contextPath}/information/informationDetail.do?id=${newInfo.id}">${ newInfo.title} </a>
								</div>
							</c:forEach>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<div id="reight">
						<div class="other-title-head">
							<h5>流行趋势</h5>
							<a href="${pageContext.request.contextPath}/information/informationLxqs.do?pageindex=1&pagesize=8">更多</a>
							<div class="clearfix"></div>
						</div>
						<div class="tech-news-you">
							<div class="left-tech-news">
							<c:forEach items="${infoNew}" var="infoNew" begin="0" end="10">
								<div class="tech-news-you span_66">
									<a href="${pageContext.request.contextPath}/information/informationDetail.do?id=${infoNew.id}">${infoNew.title } </a>
								</div>
							</c:forEach>					
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<div id="reight">
						<div class="other-title-head">
							<h5>潮流资讯</h5>
							
							<div class="clearfix"></div>
						</div>
						<div class="tech-news-you">
							<div class="left-tech-news">
							<c:forEach items="${infoByCountList}" var="mainInfo">
								<div class="tech-news-you span_66">
									<a href="${pageContext.request.contextPath}/information/informationDetail.do?id=${mainInfo.id}">${ mainInfo.title} </a>
								</div>
							</c:forEach>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					
					
				</div>
			</div>

			<div style="clear: both;"></div>
			</div>
			<!-- 页脚部分 -->
			<div class="footer text-center">
				<div class="bottom-menu">
					<ul>
						<li><a href="index.html">关于我们</a></li> |
						<li><a href="sports.html">意见建议</a></li> |
						<li><a href="tech.html">百度</a></li> |
						<li><a href="business.html">中国服装网</a></li> |
						<li><a href="movies.html">法律责任</a></li> |
						<li><a href="movies.html">客服中心</a></li> |
					</ul>
				</div>
				<div class="copyright text-center">
					<p>版权所有 &copy; 不早退的第六小组 </p>
				</div>
			</div>

		
	</body>

</html>